<template>
  <view class="content">
    <view class="job_list">
      <view class="job_item">
        <view class="tit">
          <text>普工/操作员</text>
          <text>3500~4500元/月</text>
        </view>
        <view class="restrain">
            <view class="rest_l">
              赣州 | 经验不限 | 学历不限
            </view>
            <view class="date">
              11月20日
            </view>
        </view>
        <view class="boon">
          <text>单休</text><text>包吃</text><text>包住</text><text>节假日</text>
        </view>
        <view class="uname">
          赣州市同兴达有限公司
        </view>
      </view>
      <view class="job_item">
        <view class="tit">
          <text>普工/操作员</text>
          <text>3500~4500元/月</text>
        </view>
        <view class="restrain">
            <view class="rest_l">
              赣州 | 经验不限 | 学历不限
            </view>
            <view class="date">
              11月20日
            </view>
        </view>
        <view class="boon">
          <text>单休</text><text>包吃</text><text>包住</text><text>节假日</text>
        </view>
        <view class="uname">
          赣州市同兴达有限公司
        </view>
      </view>
      <view class="job_item">
        <view class="tit">
          <text>普工/操作员</text>
          <text>3500~4500元/月</text>
        </view>
        <view class="restrain">
            <view class="rest_l">
              赣州 | 经验不限 | 学历不限
            </view>
            <view class="date">
              11月20日
            </view>
        </view>
        <view class="boon">
          <text>单休</text><text>包吃</text><text>包住</text><text>节假日</text>
        </view>
        <view class="uname">
          赣州市同兴达有限公司
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      
    }
  }
}
</script>

<style lang="scss" scoped>
  .content {
    background-color: #F1F1F1;
    .job_list {
      margin-top: 1rpx;
      overflow: hidden;
      .job_item {
        margin-bottom: 10rpx;
        background-color: #FFFFFF;
        padding: 30rpx 22rpx 24rpx 36rpx;
        .tit {
          display: flex;
          justify-content: space-between;
          font-size:34rpx;
          font-weight:500;
          color:rgba(51,51,51,1);
          text:nth-child(2) {
            font-size:28rpx;
            font-weight:500;
            color:rgba(255,11,0,1);
          }
        }
        .restrain {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size:24rpx;
          font-weight:500;
          color:rgba(153,153,153,1);
          margin-top: 14rpx;
        }
        .boon {
          margin-top: 14rpx;
          display: flex;
          align-items: center;
          text {
            display: flex;
            align-items: center;
            height: 34rpx;
            border: 1rpx solid #549FD9;
            font-size:22rpx;
            font-weight:500;
            color:rgba(1,131,232,1);
            margin-right: 10rpx;
            text-align: center;
            line-height: 34rpx;
          }
        }
        .uname {
          margin-top: 20rpx;
          font-size:26rpx;
          font-weight:400;
          color:rgba(51,51,51,1);
        }
      }
      .job_item:last-child {
        margin-bottom: 0;
      }
    }
  }
</style>
